<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_G8j5u0',
'ZY_GongSiJieShao_1',
'ZY_GongSiGaiKuang_2',
'ZY_GongSiWenHua_3',
'ZY_ChanPinZhongXin_4',
'ZY_ZhiWuTiQuWu_5',
'ZY_ZhiWuYuanLiao_6',
'ZY_ZhiWuJingYou_7',
'ZY_DingZhiChanPin_8',
'ZY_QiTa_9',
'ZY_ZhiLiangGuanLi_10',
'ZY_ZhiLiangKongZhi_11',
'ZY_ZhiLiangBaoZhang_12',
'ZY_YanFaYuZhiShiChan_13',
'ZY_HuNanWanTaiShengWu_14',
'ZY_DianHua_15',
'ZY_DiZhi_16',
'ZY_ZhangShaGaoXinKaiFa_17',
'opyri_18'
"  ></cms:ads>
<div class="footer-wrap">
 <div class="contact-us-silde" id="contactUsSilde">
  <div class="item">
   <div class="layout">
    <a class="txt" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=63274710&site=qq&menu=yes">63274710</a >
   </div>
   <img src="https://hwfile.csxuncong.com/wantai/pc/images/icon1.png" class="icon" />

  </div>
  <div class="item">
   <div class="layout">
    <span class="txt">13873181722</span>
   </div>
   <img src="https://hwfile.csxuncong.com/wantai/pc/images/icon2.png" class="icon" />
  </div>
  <div class="item">
   <div class="layout">
    <img src="https://hwfile.csxuncong.com/wantai/pc/images/qrcode.png" class="qrcode-img" />
   </div>
   <img src="https://hwfile.csxuncong.com/wantai/pc/images/icon3.png" class="icon" />
  </div>
 </div>
 <div class="footer"> 
  <div class="container flex space-between animate__animated animate__fadeInUp">
   <div>
    <img src="${img_G8j5u0.adImg}" width="230px" height="66px" class="zy" data-type="ad" data-id="${img_G8j5u0.adId}">
    <div class="social-wrap" style="margin-top: 40px;">
     <cms:ad var="link" code="link"></cms:ad>
     <c:forEach items="${link }" var="item">
      <a href="${item.adUrl}" target="_black"><img src="${item.adImg}" class="social-img" data-type="ad" data-id="${item.adId}"></a>
     </c:forEach>
    </div>
   </div>
   <div> 
    <p class="title"><a href="${ZY_GongSiJieShao_1.adUrl}" class="zy" data-type="ad" data-id="${ZY_GongSiJieShao_1.adId}">${ZY_GongSiJieShao_1.adTitle}</a></p> 
    <p><a href="${path }/do/redirect/pc/aboutUS" class="zy" data-type="ad" data-id="${ZY_GongSiGaiKuang_2.adId}">${ZY_GongSiGaiKuang_2.adTitle}</a></p>
    <p><a href="${path }/do/redirect/pc/aboutUS?type=1" class="zy" data-type="ad" data-id="${ZY_GongSiWenHua_3.adId}">${ZY_GongSiWenHua_3.adTitle}</a></p>
   </div> 
   <div> 
    <p class="title"><a href="${ZY_ChanPinZhongXin_4.adUrl}" class="zy" data-type="ad" data-id="${ZY_ChanPinZhongXin_4.adId}">${ZY_ChanPinZhongXin_4.adTitle}</a></p> 
    <p><a href="${ZY_ZhiWuTiQuWu_5.adUrl}" class="zy" data-type="ad" data-id="${ZY_ZhiWuTiQuWu_5.adId}">${ZY_ZhiWuTiQuWu_5.adTitle}</a></p> 
    <p><a href="${ZY_ZhiWuYuanLiao_6.adUrl}" class="zy" data-type="ad" data-id="${ZY_ZhiWuYuanLiao_6.adId}">${ZY_ZhiWuYuanLiao_6.adTitle}</a></p> 
    <p><a href="${ZY_ZhiWuJingYou_7.adUrl}" class="zy" data-type="ad" data-id="${ZY_ZhiWuJingYou_7.adId}">${ZY_ZhiWuJingYou_7.adTitle}</a></p> 
    <p><a href="${ZY_DingZhiChanPin_8.adUrl}" class="zy" data-type="ad" data-id="${ZY_DingZhiChanPin_8.adId}">${ZY_DingZhiChanPin_8.adTitle}</a></p> 
    <p><a href="${ZY_QiTa_9.adUrl}" class="zy" data-type="ad" data-id="${ZY_QiTa_9.adId}">${ZY_QiTa_9.adTitle}</a></p> 
   </div> 
   <div> 
    <p class="title"><a href="${ZY_ZhiLiangGuanLi_10.adUrl}" class="zy" data-type="ad" data-id="${ZY_ZhiLiangGuanLi_10.adId}">${ZY_ZhiLiangGuanLi_10.adTitle}</a></p> 
    <p><a href="${ZY_ZhiLiangKongZhi_11.adUrl}" class="zy" data-type="ad" data-id="${ZY_ZhiLiangKongZhi_11.adId}">${ZY_ZhiLiangKongZhi_11.adTitle}</a></p> 
    <p><a href="${ZY_ZhiLiangBaoZhang_12.adUrl}" class="zy" data-type="ad" data-id="${ZY_ZhiLiangBaoZhang_12.adId}">${ZY_ZhiLiangBaoZhang_12.adTitle}</a></p> 
    <p><a href="${ZY_YanFaYuZhiShiChan_13.adUrl}" class="zy" data-type="ad" data-id="${ZY_YanFaYuZhiShiChan_13.adId}">${ZY_YanFaYuZhiShiChan_13.adTitle}</a></p> 
   </div> 
   <div> 
    <p class="title zy" data-type="ad" data-id="${ZY_HuNanWanTaiShengWu_14.adId}">${ZY_HuNanWanTaiShengWu_14.adTitle}</p> 
    <p class="zy" data-type="ad" data-id="${ZY_DianHua_15.adId}">${ZY_DianHua_15.adTitle}</p> 
    <div class="flex"> 
     <p class="zy" data-type="ad" data-id="${ZY_DiZhi_16.adId}">${ZY_DiZhi_16.adTitle}</p> 
     <div> 
      <p class="zy" data-type="ad" data-id="${ZY_ZhangShaGaoXinKaiFa_17.adId}">${ZY_ZhangShaGaoXinKaiFa_17.adTitle}</p> 
     </div> 
    </div> 
   </div> 
  </div> 
 </div> 
 <p class="copyright zy" data-type="ad" data-id="${opyri_18.adId}">${opyri_18.adTitle}</p> 
</div>

<script>
 window.onload = function(){
  var contentEl = document.getElementById('contactUsSilde');
  var itemEls = contentEl.getElementsByClassName('item');
  for(var i= 0; i < itemEls.length;i++){
   itemEls[i].addEventListener('mouseover', function () {
    var els = this.getElementsByClassName('layout');
    if(els.length) {
     els[0].style.display = 'block'
    };
   })
   itemEls[i].onmouseout = function(){
    var els = this.getElementsByClassName('layout');
    if(els.length) {
     els[0].style.display = 'none'
    };
   }
  }
 }
</script>